@charset "utf-8";
/* CSS Document */

/* init */
div {
		display:block;
		border:solid;
		border-style:none;
		border-width:1px;
		overflow: hidden;
	}
a:link { 
          text-decoration: none; 
          color: #000; 
} 
a:visited { 
          color: #000; 
          text-decoration: none; 
} 
a:hover { 
          color: #000; 
          text-decoration: none; 
} 
a:active { 
          color: #000; 
          text-decoration: none; 
} 
	
*{margin:0px;padding:0px;}
.body {
	width: 100%;
	}

/* wrapper */
.wrapper {
	overflow: visible;
	margin:0 auto;
	width:937px;
	height:100%;}
	
/* header */
.header {
	background-image:url(../imgs/header_back.png); /* 1*68 */
	background-repeat:repeat-x;
	height:68px;
	width: 100%;}
/* logo */
.logo{
	position:relative;
	left:10px;
	top:14px;
	width:205px;
	height:39px;
	}

/* userinfo */
.userinfo {
	position:relative;
	height:100%;
	width:200px;
	left: 737px;
	top: -39px;
}

/* navigation */
.navigation {
	overflow: visible;
	background-image:url(../imgs/nav_back.png); /* 1*29 */
	background-repeat:x;
	font-family: "宋体";
	font-size:13px;
	width:100%;
	height:29px;}
.navigation a {
	line-height:29px;
	cursor:auto;
	}
.navigation ul li{
	overflow: visible;
	position: relative;
	list-style:none;
	float:left;
	width:116px;
	height:29px;
	text-align:center;
	padding:0;
	margin:0;
	border-right:1px #ccc solid;}
.navigation ul li:hover {
	background-color:#CCC;
	}
.navigation ul li ul {
	z-index:9999;  
	overflow:hidden;
	 display: none; 
	 position: absolute; 
	 left: 0; 
	 margin: 0; 
	 padding: 0;
}
.navigation ul li ul {
	background-color:#FFF;
	}
.navigation ul li ul li {
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	border-bottom: 1px #ccc solid;
	height:25px;
	background-color:#FFF;
	}
.navigation ul li ul li:hover {
	background-color:#FFF;
	}
.navigation ul li ul li a {
	height:25px;
	line-height:25px;
	}
.navigation ul li ul li a:hover {
	background-color:#CCC;
	}
	
/* seperator_nav_middle */
.seperator_nav_middle {
	background-image:url(../imgs/sep_nav_mid.png); /* 1*9 */
	background-repeat:x;
	width:100%;
	height:9px;}
	
/* middle */	
.middle {
	background-color:#f6f6f6;
	}
	
/* sidebar */
.sidebar {
	height: 100%;
	width: 209px;
	float: left;
	}
/* service */
.service {
	position: relative;
	top: 10px;
	}
/* serivce_top */
.serivce_top {
	width: 100%;
	height: 2px;
	background-image: url(../imgs/service_top.png);
	}
/* service_content */
.service_content {
	height: 185px;
	width:auto;
	background-color: #FFF;
	border-color: #dcdcdc;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	}
/* services */
.services {
	width: 179px;
	height: 189px;
	margin: 5px auto;
	font-size: 14px;}
.services ul {
	list-style: none;}
.services li{
	height: 35px;
	line-height: 34px;
	text-indent: 32px;}
.services li:hover {
	background-color: #ccc;
	}
/* dotline */
.dotline {
	height: 1px;
	margin: 0 auto;
	width: 90%;
	background-image: url(../imgs/dotline.png);
	background-repeat: x;
	}
/* service_bottom */
.service_bottom {
	width: 100%;
	height: 2px;
	background-image: url(../imgs/service_bottom.png);
	}
/* shortcut */
.shortcut {
	text-indent: 22px;	
	line-height:26px;
	font-size:12px;
	width: 179px;
	margin: 10px auto;
	padding: 10px 0px;
	height: 170px;
	}
.shortcut div {
	margin-top:10px;
	width: 179px;
	height: 26px;
	background-image: url(../imgs/shortcut.png); /* 179*26 */
	}
.shortcut div:hover {
	background-image: url(../imgs/shortcuthover.png);
	}
/* myspaces */
.myspaces {
	margin: 0 auto;
	margin-top: 20px;
	width: 179px;
	height: 50px;}

/* main */
.main {
	float: left;
	width: 728px;
	}
/* footer */
.footer {
	background-color:#f6f6f6;
	height:50px;}
/* sep_middle_footer */
.sep_middle_footer {
	width: 937px;
	height: 2px;
	background-image:url(../imgs/header_back.png);
	background-repeat: x;
}
/* footnavi */
.footnavi {
	font-size: 12px;
	position: relative;
	top: 15px;
	left: 15px;
	width: 400px;
	height: 18px;
	line-height: 18px;
}
.footnavi a {
	padding: 0 7px;
	}
.footnavi ul {
	list-style: none;}

.footnavi ul li{
	float:left;
	}
.footnavi ul li:hover a{
	text-decoration: underline;
	}

/* siteinfo */
.siteinfo{
	left: 420px;	
	top: -3px;
	position: relative;
	font-size: 12px;
	font-family: "宋体";
	height: 18px;}

/* classtitle */
.classtitle {
	font-size: 12px;
	line-height: 34px;
	text-indent: 20px;
	background-image: url(../imgs/classtitle.png);
	height:37px;
	width: 209px;
	}
/* classmiddle */
.classmiddle {
	background-color: #FFF;
	border-style: none solid;
	border-width: 0 1px;
	border-color: #c5c5c5;
	width: 207px;
	}
/* classbottom */
.classbottom {
	width: 209px;
	height: 2px;
	background-image: url(../imgs/classbottom.png);}